<template>
  <div class="container">
    <div class="inner_c">
      <!--left-->
      <div class="chuku_inner_left">
        <ul class="chuku_inner_left_title">
          <li>名称</li>
          <li>金额</li>
          <li>数量</li>
        </ul>
        <div class="scroll_main">
          <ul class="scroll_main_item_wrap">
            <div class="scroll_main_title">
              <i class="icon-title_flag"></i><span class="scroll_main_title_sign">b</span>
            </div>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
          </ul>
          <ul class="scroll_main_item_wrap">
            <div class="scroll_main_title">
              <i class="icon-title_flag"></i><span class="scroll_main_title_sign">b</span>
            </div>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
            <li class="scroll_main_item">

              <div class="scroll_main_show">
                <i class="icon-check_box"></i>
                <span class="scroll_main_show_name">
                                菠萝
                              </span>
                <span>
                                5元
                              </span>
                <span>
                                1.2斤
                              </span>
                <!--btn-->
                <ul class="caoz">
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_plus"></li>
                  <li class="icon-input_empty"></li>
                </ul>
              </div>
            </li>
          </ul>
        </div>

      </div>
      <!--right-->
      <div class="chuku_inner_right">
        <div class="logo icon-yiyunhualogo"></div>
        <div class="logo_n icon-yiyunahu_n_logo"></div>
      </div>
    </div>
    <div class="next_btn">
      下一步
    </div>
  </div>
</template>

<script>
  import '../../static/css/reset.css'
  import '../../static/css/outpage.css'
  import '../../static/sprite/input_sprite.css'
  export default {
    name: 'OutPage',
    data: function() {
      return {
      }
    }
  }
</script>
